<header id="header" class="animated rubberBand">
    <div class="title">
        <p>NotePlay</p>
    </div>
    <div class="des">
        <p>世间所有的相遇都是久别重逢</p>
    </div>
    <div class="login">
        <div class="login_btn">
            <a href="" id="login">登录</a>
            <span>/</span>
            <a href="" id="sign">注册</a>
        </div>
    </div>
    <div class="login_box hi" id="login_box">
        <div class="login_title">
            <i class="iconfont  icon-yonghu"></i>用户登录
        </div>
        <div class="login_content">
            <div class="login_left">
                <div class="login_input">
                    <div class="input-from">
                        <label for="login_text">账户</label>
                        <input type="text" ng-model="username" placeholder="邮箱地址或者手机号" name="login_text" class="login_text" id="login_text" />
                    </div>
                    <div class="input-from">
                        <label for="login_pass">密码</label>
                        <input type="password" ng-model="password" placeholder="密码" name="login_pass" class="login_pass" id="login_pass" />
                    </div>
                </div>
            </div>
            <div class="login_right" ng-click="login()">
                <a href="">
                    <i href="" class="iconfont icon-rightArrow"></i>
                </a>
            </div>
        </div>
    </div>
    <div class="login_box hidden" id="sign_box">
        <div class="login_title">
            <i class="iconfont  icon-yonghu"></i>用户注册
        </div>
        <div class="login_content">
            <div class="login_left">
                <div class="login_input">
                    <div class="input-from">
                        <label for="sign_text">账户</label>
                        <input type="text" placeholder="邮箱地址或者手机号" ng-model="username" name="username" class="login_text" id="sign_text" />
                    </div>
                    <div class="input-from">
                        <label for="sign_pass">密码</label>
                        <input type="password"placeholder="密码" ng-model="pass1" name="login_pass" class="password" id="sign_pass" />
                    </div>
                    <div class="input-from">
                        <label for="sign_pass2">确认</label>
                        <input type="password" placeholder="再次输入密码" ng-model="pass2" name="login_pass" class="login_pass" id="sign_pass2" />
                    </div>
                    <div class="input-from">
                        <label for="sign_pass2" >验证</label>
                        <div class="input">
                            <input type="password" ng-model="vil" placeholder="请输入验证码" name="login_pass" class="login_pass" id="sign_yan" />
                            <canvas id="myCanvas1" style="background-color: #fff" width="80px" height="40px"></canvas>
                        </div>
                    </div>
                </div>
            </div>
            <div class="login_right"  ng-click="sign()">
                <a href=""><i href="" class="iconfont icon-rightArrow">
                </i></a>
            </div>
        </div>
    </div>
</header>
